
let seckillBox = document.querySelector('seckill-box2');
let seckillUl = document.querySelectorAll('.seckill-ul');
let prveLeft = document.querySelector('.b-prve');
let nextRight = document.querySelector('.b-next');


let num = 0;
 // 4. 实现点击上一张下一张
 prveLeft.onclick = () => { // 点击实现上一张图片   
    console.log(123);   
    num--;
    // 注意如果n<0的时候，上一张显示的就是第一张，此时需要显示最后一张
    if (num < 0) {
      num = 2;
    }
    //  遍历seckillUl
    for (let i = 0; i < seckillUl.length; i++) {
      seckillUl[i].className = 'seckill-ul';
    }
    // 给对应的图片li显示样式
    seckillUl[num].className = 'seckill-ul ulseckill';
  }
  nextRight.onclick = () => { // 点击实现下一张图片      
    console.log(456);   
    num++;
    // 注意：如果n=3的时候，就是上一张显示的是最后一张图片li，此时需要显示的是第一张
    if (num == 3) {
      num = 0;
    }
    //  遍历seckillUl
    for (let i = 0; i < seckillUl.length; i++) {
      seckillUl[i].className = 'seckill-ul';
    }
    // 给对应的图片li显示样式
    seckillUl[num].className = 'seckill-ul ulseckill';
    console.log(num);
  }